<!DOCTYPE html>
<html style="height: 100%">
<head>
  <meta charset="utf-8">
</head>
<body style="height: 100%; margin: 0">
<div id="container" style="height: 100%"></div>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/echarts.min.js"></script>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts-gl/echarts-gl.min.js"></script>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts-stat/ecStat.min.js"></script>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/extension/dataTool.min.js"></script>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/map/js/china.js"></script>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/map/js/world.js"></script>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=ZUONbpqGBsYGXNIYHicvbAbM"></script>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/extension/bmap.min.js"></script>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/simplex.js"></script>
<script type="text/javascript">
  var dom = document.getElementById("container");
  var myChart = echarts.init(dom);
  var app = {};
  option = null;
  option = {
    title: {
      text: 'chrome 100次请求测试（单位：微秒）'
    },
    tooltip: {
      trigger: 'axis'
    },
    legend: {
      data:['jquery.ajax','axios','ajax-js:close','ajax-js:open']
    },
    grid: {
      left: '3%',
      right: '4%',
      bottom: '3%',
      containLabel: true
    },
    toolbox: {
      feature: {
        saveAsImage: {}
      }
    },
    xAxis: {
      type: 'category',
      boundaryGap: false,
      // data: ['周一','周二','周三','周四','周五','周六','周日']
    },
    yAxis: {
      type: 'value'
    },
    series: [
      {
        name:'jquery.ajax',
        type:'line',
        stack: '总量',
        data:[3045.166015625,879.8828125,762.939453125,804.19921875,747.802734375,674.072265625,846.923828125,828.857421875,578.857421875,882.080078125,577.880859375,583.0078125,666.015625,595.21484375,593.017578125,564.94140625,549.072265625,575.927734375,547.8515625,535.15625,2187.01171875,673.095703125,757.080078125,3672.119140625,1132.8125,583.740234375,971.923828125,765.13671875,665.0390625,839.111328125,586.9140625,553.7109375,535.888671875,614.74609375,2601.07421875,918.9453125,3133.056640625,895.01953125,1103.271484375,2827.880859375,614.74609375,538.818359375,611.083984375,2319.091796875,534.912109375,532.958984375,513.671875,1491.943359375,649.90234375,551.025390625,572.998046875,576.904296875,1729.248046875,730.95703125,757.8125,614.990234375,823.974609375,1973.14453125,575.1953125,580.078125,542.96875,600.09765625,1265.869140625,831.0546875,602.05078125,627.9296875,574.951171875,1558.837890625,1400.87890625,538.0859375,534.912109375,531.005859375,559.814453125,549.072265625,542.96875,533.935546875,557.12890625,488.037109375,468.994140625,448.974609375,438.96484375,518.06640625,534.912109375,565.91796875,514.892578125,587.890625,579.833984375,709.9609375,1441.162109375,1295.8984375,558.837890625,622.0703125,603.02734375,647.216796875,523.92578125,1265.869140625,548.095703125,741.943359375,654.052734375,496.09375]


      },
      {
        name:'axios',
        type:'line',
        stack: '总量',
        data:[525.146484375,106.93359375,89.111328125,84.228515625,178.955078125,88.8671875,95.947265625,117.1875,85.9375,293.9453125,107.91015625,96.923828125,105.224609375,107.177734375,104.98046875,77.1484375,72.021484375,72.998046875,76.904296875,72.021484375,78.125,75.927734375,72.021484375,77.1484375,72.998046875,73.974609375,74.951171875,73.974609375,72.021484375,72.998046875,73.974609375,76.904296875,156.982421875,144.04296875,112.060546875,100.830078125,160.888671875,133.056640625,90.087890625,81.0546875,101.806640625,78.125,78.857421875,81.0546875,62.98828125,82.763671875,62.01171875,84.9609375,79.833984375,77.1484375,78.125,74.951171875,76.904296875,79.833984375,86.181640625,60.05859375,63.96484375,60.791015625,71.044921875,67.138671875,119.140625,76.171875,71.044921875,67.138671875,59.326171875,65.185546875,64.697265625,66.162109375,63.96484375,64.94140625,64.208984375,57.861328125,88.37890625,62.98828125,754.150390625,90.087890625,66.162109375,64.94140625,73.73046875,66.89453125,64.94140625,73.974609375,65.185546875,71.044921875,62.98828125,1276.85546875,74.951171875,192.87109375,52.978515625,50.048828125,48.828125,51.025390625,49.8046875,47.8515625]


      },
      {
        name:'ajax-js:close',
        type:'line',
        stack: '总量',
        data:[1737.060546875,705.810546875,720.947265625,468.994140625,1101.07421875,474.853515625,449.951171875,417.96875,887.939453125,419.189453125,390.13671875,420.166015625,385.986328125,398.193359375,376.953125,368.1640625,360.107421875,407.958984375,443.84765625,1194.82421875,493.1640625,443.84765625,618.1640625,909.1796875,541.9921875,420.166015625,698.73046875,521.728515625,402.83203125,365.966796875,338.134765625,336.9140625,342.7734375,355.224609375,337.158203125,357.91015625,393.798828125,652.099609375,451.904296875,421.142578125,444.82421875,727.05078125,451.904296875,1884.765625,407.958984375,387.939453125,401.85546875,638.916015625,2644.04296875,430.908203125,766.845703125,414.0625,384.27734375,482.91015625,581.0546875,388.916015625,400.146484375,481.201171875,584.9609375,393.798828125,656.25,414.794921875,375,361.083984375,440.185546875,378.90625,807.861328125,449.951171875,786.865234375,433.10546875,422.8515625,416.015625,419.677734375,415.0390625,388.18359375,469.970703125,402.099609375,425.78125,386.962890625,462.890625,3875,428.955078125,444.091796875,429.19921875,409.912109375,432.12890625,423.095703125,406.982421875,394.04296875,638.916015625,1031.73828125,376.953125,353.759765625,385.009765625,378.90625,390.869140625,392.08984375,385.986328125,367.919921875,506.103515625]

      },
      {
        name:'ajax-js:open',
        type:'line',
        stack: '总量',
        data:[1123.779296875,505.859375,424.072265625,518.06640625,342.041015625,316.162109375,13.916015625,12.939453125,4.150390625,4.150390625,5.126953125,6.103515625,5.859375,7.080078125,5.126953125,3.90625,3.90625,3.90625,3.173828125,3.90625,5.859375,4.8828125,5.126953125,2.9296875,3.90625,4.150390625,3.90625,2.9296875,2.9296875,3.90625,5.126953125,4.150390625,3.90625,4.8828125,2.9296875,10.7421875,6.8359375,5.126953125,4.150390625,3.90625,3.173828125,5.126953125,7.080078125,2.9296875,3.90625,4.150390625,3.662109375,4.150390625,10.009765625,4.150390625,4.8828125,3.173828125,3.90625,4.150390625,4.8828125,7.8125,5.126953125,2.9296875,3.90625,6.103515625,3.662109375,4.150390625,4.8828125,2.9296875,6.103515625,4.8828125,9.033203125,4.8828125,3.90625,2.685546875,1.953125,2.9296875,2.685546875,4.150390625,2.9296875,2.685546875,3.173828125,1.953125,6.103515625,4.150390625,3.90625,3.662109375,4.150390625,3.90625,4.150390625,3.90625,2.9296875,5.126953125,2.9296875,4.150390625,2.9296875,2.9296875,3.90625,4.150390625,2.685546875,3.90625,4.8828125]

      }
    ]
  };
  ;
  if (option && typeof option === "object") {
    myChart.setOption(option, true);
  }
</script>
</body>
</html>
